﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0063)http://arshaw.com/js/fullcalendar-1.5.2/demos/agenda-views.html -->
<HTML><HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<LINK rel=stylesheet type=text/css href="agenda-views_files/fullcalendar.css">
<LINK rel=stylesheet type=text/css href="agenda-views_files/fullcalendar.print.css" media=print>
<SCRIPT type="text/javascript" src="agenda-views_files/jquery-1.5.2.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="agenda-views_files/jquery-ui-1.8.11.custom.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="agenda-views_files/fullcalendar.min.js"></SCRIPT>

    <link href="content/css/global.css" rel="stylesheet" type="text/css" />
    <link href="content/css/main.css" rel="stylesheet" type="text/css" />
    <script src="content/js/cic-main.js" type="text/javascript"></script>

<SCRIPT type=text/javascript>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: true,
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});
		
	});

</SCRIPT>

<STYLE type=text/css>BODY {
	TEXT-ALIGN: center; MARGIN-TOP: 40px; FONT-FAMILY: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; FONT-SIZE: 14px
}
#calendar {
	MARGIN: 0px auto; WIDTH: 900px
}
</STYLE>

<META name=GENERATOR content="MSHTML 8.00.7600.16722"></HEAD>
<BODY>
    <div class="All_top">
        <div class="logo"><a href="/index.html" class="ui-icons"></a></div>
        <div class="menu">
            <div class="menu_bg ui-icons">
                <ul>
                    <li class="show_intro mainlevel">
                        <a href="CenterIntroduction.html">展示中心简介</a>
                        <ul>
                            <li><a class="ui-icons" href="CenterIntroduction.html">中心介绍</a></li>
                            <li><a class="ui-icons" href="Structure.html">组织结构</a></li>
                        </ul>
                    </li>
                    <li class="li_width">|</li>
                    <li class="show_content mainlevel">
                        <a href="ShowContent.html">展示内容</a>
                        <ul>
                            <li><a class="ui-icons" href="ShowContent.html">上海展示区</a></li>
                            <li><a class="ui-icons" href="ShowContent_bj.html">北京展示区</a></li>
                            <li><a class="ui-icons" href="">南京展示区</a></li>
                            <li><a class="ui-icons" href="">成都展示区</a></li>
                            <li><a class="ui-icons" href="">青岛展示区</a></li>
                        </ul>
                    </li>
                    <li class="li_width">|</li>
                    <li class="visitor_regist mainlevel">
                        <a href="VisitorRegist.html">参观申请</a>
                        <ul>
                            <li><a class="ui-icons" href="">申请须知</a></li>
                            <li><a class="ui-icons" href="agenda-views.htm">参观日历</a></li>
                            <li><a class="ui-icons" href="ApplyOnline.html">在线申请</a></li>
                            <li><a class="ui-icons" href="Mywork.html">我的工作</a></li>
                            <li><a class="ui-icons" href="FeedbackSurvey.html">需要支持</a></li>
                            <li><a class="ui-icons" href="Feedback.html">调查反馈</a></li>
                        </ul>
                    </li>
                    <li class="li_width">|</li>
                    <li class="visitors mainlevel">
                        <a href="">参观信息</a>
                        <ul>
                            <li><a class="ui-icons" href="Visitforecast.html">参观预报</a></li>
                            <li><a class="ui-icons" href="news.html">最新消息</a></li>
                            <li><a class="ui-icons" href="HistoryCollection.html">历史总汇</a></li>
                        </ul>
                    </li>
                    <li class="li_width">|</li>
                    <li class="photo_gallery">
                        <a href="">精彩图片</a>
                    </li>
                    <li class="li_width">|</li>
                    <li class="links">
                        <a href="RelatedLinks.html">相关链接</a>
                    </li>
                    <li class="li_width">|</li>
                    <li class="contact">
                        <a href="ContactUs.html">联系我们</a>
                    </li>
                </ul>
                <p class="btn_en"><a href="" class="ui-icons"></a></p>
                <p class="btn_login"><a href="" class="ui-icons"></a></p>
                <div class="clear"></div>

            </div>
        </div>
    </div>
    
    <div class="agenda"><div class="agenda_bg ui-icons">
        <div class="agenda_left">             <p>申请状态颜色标识：                   <span class="ui-icons-green ui-icons"></span><font class="agenda_green">审批通过</font>             <span class="ui-icons-organ ui-icons"></span><font class="agenda_organ">已结束</font>             <span class="ui-icons-gray ui-icons"></span><font class="agenda_gray">已取消</font>             <span class="ui-icons-red ui-icons"></span><font class="agenda_red">闭馆</font></p>             <p>注：鼠标移至相应时间记录，即可以查看详情</p></div>
        <div class="agenda_right"><a href="" class="sqbtn">我要申请</a></div>
        <div class="agenda_date">城市 日期</div>
    </div>

    </div>
    <div class="clear"></div>

    <DIV id=calendar></DIV>
    <div class="clear"></div>

    <!--foot-->
    <div class="foot">
    <div class="footcenter">
        <div class="foot_left"><a href="">English</a> | <a href="">用户手册</a></div>
        <div class="foot_right">© 2011 Alcatel Lucent. All Rights Reserved.</div>
    </div>
    </div>
    <!--foot-end-->
</BODY></HTML>
